﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <style type="text/css">
    #test{border:1px solid #cf9;background:#efd;width:240px;height:180px;}
    .view{border:5px solid #fc9;background:#fed;width:240px;padding:10px;height:180px;}
    .red{padding-left:8px;color:#f00;}
    .green{padding-left:8px;color:#090;}
    .hidden{display:none}
    </style>
    <script type="text/javascript" src="../build/js/jui.js"></script>
    <script type="text/javascript" src="../build/js/browser.js"></script>
    <script type="text/javascript" src="../build/js/array.js"></script>
    <script type="text/javascript" src="../build/js/string.js"></script>
    <script type="text/javascript" src="../build/js/selector.js"></script>
    <script type="text/javascript" src="../build/js/element.js"></script>
    <script type="text/javascript" src="../build/js/hash.js"></script>
    <script type="text/javascript" src="../build/js/json.js"></script>
    <script type="text/javascript" src="../build/js/cookie.js"></script>
    <script type="text/javascript" src="../build/js/event.js"></script>
    <script type="text/javascript" src="../build/js/loader.js"></script>
    <script type="text/javascript" src="../build/js/ajax.js"></script>
    <script type="text/javascript" src="../build/js/fx.js"></script>
    <script type="text/javascript" src="../build/js/fx.transitions.js"></script>
</head>
<body>
    <div class="green">
        <p></p>
        <div class="view">this is a div has class whose name is view</div>
        <div class="green">
            <div class="red">oh, no!</div>
            <a href="#">a link</a>
            <a href="#" title="b">link b</a>
            <a href="#" title="c">link c</a>
            <p></p>
        </div>
        <a href="#" title="d">link d</a>
        <a href="#" title="e">link e</a>
        <p></p>
        <div id="myid" class="green">this div has a id</div>
        <div class="green red"></div>
        <a class="hidden" href="#">这个是看不到的链接</a>，本来应该是一行的
    </div>
    <p></p>
    <div></div>
    <div></div>
    <p></p>
    <div></div>
    <h1></h1>
    <p></p>
    <p></p>
    <p></p>
    <script type="text/javascript">
    <!--
        function loaded(src, flag) {
            alert([src, flag]);
        }
        function loadedjs(src, flag) {
            alert(['js', src, flag]);
        }
        var request = new $.Ajax({ url: 'test.js' });
        request.send({ data: { a: 1} });
        //var loader = new $.Loader({ url: 'test.js', type: 'js', callback: loaded, param: true }).load();
        //var loader = new $.Loader({ url: 'test.js', type: 'js', callback: loaded, param: true }).load();
        //var loader = new $.Loader({ url: 'test.js', type: 'js', callback: loaded, param: true }).load();
        //var loader = new $.Loader({ url: 'xx.css', type: 'css', callback: loaded }).load();
        //new $.Loader().chain({ url: 'xx.css', type: 'css', callback: loaded }, { url: 'xx.js', type: 'js', callback: loadedjs });
        /*
        var a = $('a')[0];
        function handler(e) {
            var s = [];
            for (var p in e) {
                s.push(p + ': ' + e[p]);
            }
            this.html(s.join('<br />'));
            e.stop();
        }
        */
        //a.addEvent('click', handler);
        //alert($.browser.webkit);
        //$('#myid').hide();
        //$('a.hidden')[0].show();
        //alert($.type($('a.hidden')));
        //$('a.hidden').show();
        var div = $('div.view')[0];
        //div.css('opacity', '0.5').css('color', '#f00').css('font-size', '24px').css('font-family', '微软雅黑');
        div.css({ 'opacity': '0.5', 'color': '#f00', 'font-size': '24px', 'border-width': '8px' }).css('font-family', '微软雅黑').css('width', 480);
        //alert(div.css('opacity'));
        //alert(div.css('font-size'));
        //alert(div.css('width'));
        //alert(div.css('width'));
        //var sz = div.size({width:120, height:480});
        //alert(sz.width + ';' + sz.height);
        //alert(div.attr('readonly'));
        //alert(div.txt());
        div.txt('<b>readonly</b>');
        //var ps = $('a.hidden')[0].position();
        //var ps = div.position();
        //alert(ps.x + '; ' + ps.y);
        //alert(whiz('div[id]:contains(no)'));
        //alert('as'.test());
        //alert(Array.slice([1,2,3,4,5,6], 2));
        //alert([ScriptEngine(), ScriptEngineMajorVersion(), ScriptEngineMinorVersion(), ScriptEngineBuildVersion()].join('.'));
        //$('test').hide();
        //alert($.version);
        //JUI.noConfilict();
        //var j = JUI.noConfilict(true);
        //alert(j.type(j));
        //j('test').hide();
        //alert($('test'));
        //$.whiz('test');
        //$.whiz('div#test');
        //$.whiz('div.test');
        //$.whiz('div[test^="a b"]');
        //$.whiz('div:root');
        //$.whiz('div:ntn-child(n)');
        //$.whiz('#abc div:ntn-child(n)');
        //$.whiz('form:first-child[type=button]:not(button)[lang|=en]');
        //whiz('#abc div:ntn-child(n)');
        //whiz('div#abc a:ntn-child(n)');
        //whiz('#abc a:ntn-child(n)[href^=/]');
        //whiz('#abc a:ntn-child(n)[href^="/"], div.w120 span');
        //whiz('#test > a:ntn-child(n)[href^="/"], div.w120 dl.top_10 dd span.red');
        //whiz('#test > a[href^="http://"]');
        //whiz('#test > a[href]');
        //whiz('.view > a[href^="http://"]');
        //whiz('.view > a');
        //whiz('.red + a');
        //whiz('.red ~ a');
        //whiz('input');
        //whiz('.view > a:last');
        //whiz('.view > a:odd');
        //whiz('.view > a:even');
        //whiz('.view > a:in(1)');
        //whiz('.view > a:nth(2n+1)');
        //whiz('.view > a:contains("google\'google\'")');
        //whiz('div#div2 > a:contains("google\'google\'")');
        //whiz('div:not(.view)');
        //whiz('#div2.view');
        //whiz('div:nth-child(odd)');
        //whiz('div:nth-child(3n+2)');
        //whiz('div:nth-child(3)');
        //whiz('div:nth-child(3n)');
        //whiz('div:nth-child(3n+)');
        //whiz('div:nth-child(3n-2)');
        //whiz('div:nth-child(-3n-2)');
        //whiz('div#div2');
        //whiz('div:nth-child(n)');
        //whiz('body');
        //console.log(Sly.search('body'));
        //console.log(whiz('h1#title + div > p'));
        //console.log(whiz('div').length);
        //console.log(whiz('div p').length);
        //console.log(whiz('div + p').length);
        //console.log(whiz('div ~ p').length);
    -->
    </script>
</body>
</html>
